<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" type="text/css" href="../../css/header.css">
    <link rel="stylesheet" type="text/css" href="../../css/search.css">

    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.0/dist/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">

    <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.0/dist/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>

    <script src="../../js/jquery-3.1.1.min.js"></script>

    <title>搜索</title>
</head>
<body>

<div class="root">
    <div class="HeaderBar shadow-sm">
        <div class="HeaderInner">
            <div class="HeaderTabs">
                <ul class="nav nav-pills">
                    <li class="nav-item">
                        <a class="nav-link active" href="/zhifou/know">知否</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="/zhifou/know">首页</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="/zhifou/find">发现</a>
                    </li>
<!--                    <li class="nav-item">-->
<!--                        <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>-->
<!--                    </li>-->
                </ul>
            </div>
            <div class="input-group mb-3" id="sb-3">
                <input type="text" class="form-control" placeholder="忘了他吧，我偷电瓶养你！" aria-label="Recipient's username"
                       aria-describedby="button-addon2" id="search-content">
                <div class="input-group-append">
                    <button class="btn btn-outline-secondary search-btn" type="button" id="button-addon2">搜索</button>
                </div>
            </div>
            <div class="HeaderUserInfo">
                <img src="../../img/icons8-online-support-38.png" alt="" id="img-user-head">
            </div>
        </div>
    </div>

    <div class="question-container">
        <div class="question-area">
            <div class="card question-card shadow-sm">
                <div class="card-body question-card-body">
                    <a href="#">
                        <h5 class="card-title question-title">This</h5>
                        <p class="question-content">This is some text within a card body.</p>
                    </a>
                </div>
            </div>
            <div class="card question-card shadow-sm">
                <div class="card-body">
                    <h5 class="card-title">This</h5>
                    <p class="question-content">This is some text within a card body.This is some text within a card body.This is some text within a card body.</p>
                </div>
            </div>
        </div>
        <!-- 可做分页 -->
        <div></div>
    </div>


</div>

<input type="hidden" th:value="${session.user.uid}" class="session-user">

<script src="../../js/search.js"></script>
<script src="../../js/header.js"></script>

</body>
</html>